
@import "./element-variables.scss";
@import "./variables.scss";

body {
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
    width: 100%;
    background-color: var(--background-color);
}
*, :before, :after {
    box-sizing: border-box;
}
h1, h2, p {
    margin: 0;
}
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
    height: 100%;
}
.container {
    margin: 0 auto;
    max-width: 1152px;;
}
.sub-page {
    padding: 40px 20px 0 20px;
}

// element ui style
// .el-input__inner, .el-textarea__inner {
//     background: var(--background-color);
//     border: 1px solid var(--input-border-color);
//     &:hover {
//         border-color: var(--primary-color);
//     }
// }
// .el-select:hover .el-input__inner {
//     border-color: var(--primary-color);
// }
// .el-select-dropdown {
//     background-color: var(--background-color-soft);
//     border-color: var(--background-color-soft);
// }
// .popper__arrow {
//     border-bottom-color: var(--background-color-soft) !important;
//     &::after {
//         border-bottom-color: var(--background-color-soft) !important;
//     }
// }
// .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
//     background-color: var(--primary-color);
//     color: white;
// }
// .el-select-dropdown__item.is-disabled:hover {
//     background-color: var(--primary-color);
//     color: white;
// }
// .el-button--primary {
//     color: var(--primary-text-color);
// }
// .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
//     color: var(--primary-text-color);
// }